
/*personalNameArea*/
#personalNameArea {
	font-size: 20pt;
	text-align:center;
	position:absolute; top:10px; left:200px;
	color:#fff;
	background-color:#f90;
	padding: 3pt 3pt 3pt 3pt;
	width:330px;
	height:30px;
}

#personalInfoArea {
	position:absolute; top:55px; left:50px;
	background-color:#fff;
	border:2px solid #f90;
	width:660px;
	height:600px;
}

/*titleArea*/
#personalTitle{
	padding: 2pt 2pt 2pt 2pt;
    position: absolute;
    top: 5px;
    left: 0px;
	font-size:24pt;
	font-weight:border;
    width: 650px;
    height: 40px;
	color:#000;
	text-align:center;
}

/*radarChartArea*/
#radarChartArea {
	font-size:10.5pt;
    position: absolute;
    top: 50px;
    left: 5px;
    width: 200px;
    height: 200px;
	background-color:#fff;
}




.mTitle{
	text-align:left
   	font-size: 10.5pt;
	font-weight:bolder;
	color:#fff;	
	position: absolute;
    left: 0px; top:0px;
	height:15px;
	background-color:#f90;
	padding: 2pt 2pt 2pt 2pt;
 
}

/*recentEvaluationArea*/
#recentEvaluationArea {
    position: absolute;
    top: 50px;
    left: 210px;
    height: 200px;
    width: 440px;
	font-size:10.5pt;
	background-color:#fff;
}

#recentEvaluationTitle{
   	position: absolute;
    top: 0px;
    left: 0px;
	height:15px;
	width:180px;



}

#recentEvaluation {
    position: absolute;
    top: 0px;
    left: 0px;
}

#lineTitle{
	position: absolute;
    top: 30px;
}

#line0{
	position: absolute;
    top: 60px;
}

#line1{
	position: absolute;
    top: 90px;
}
#line2{
	position: absolute;
    top: 120px;
}
#line3{
	position: absolute;
    top: 150px;
}
#line4{
	position: absolute;
    top: 180px;
}

.evalLine0{
	text-align:center;
	position: absolute;
    left: 0px;
	width:120px;
	background-color:#ffe;
}
.evalLine1{
	text-align:center;
	position: absolute;
    left: 120px;
	width:50px;
	background-color:#fef;

}
.evalLine2{
	text-align:center;
	position: absolute;
    left: 170px;
	width:150px;
	background-color:#ffe;

}
.evalLine3{
	text-align:center;
	position: absolute;
    left: 320px;
	width:100px;
	background-color:#fef;
}

/*fortuneArea*/
#fortuneArea{
	text-align:left;
	font-size:10pt;
	padding: 2pt 2pt 2pt 2pt;
	position: absolute;
    left: 5px; top:260px;
	width:476px;
	height:155px;
	background-color:#fff;
	border:2px solid #f90;
}

#fortuneTitle{
	width:478px;

}
#fortuneContent{
	padding: 2pt 2pt 2pt 2pt;
	text-align:left;
	position: absolute;
    top:25px;left:0px;
	height:125px;
	width:98%;


}

#luckyItemArea{
	position: absolute;
    left: 500px; top:260px;
	height:160px;
	width:141px;
	border:2px solid #f90;
	background-color:#fff;
}


#luckyItemTitle{
	width:143px;
}

/*
#luckyItemBack{
	padding: 2pt 2pt 2pt 2pt;
	text-align:left;
	position: absolute;
    top:22px;left:0px;
	height:125px;
	width:95%;
	background-color:#fff;
}
*/

#luckyItemName{
	text-align:left;
	font-weight:bolder;
	position: absolute;
    top:70px;left:5px;
	height:30px;
	width:95%;
}
/*common friendArea*/
#friendsArea{
	position: absolute;
    top: 395px;
    left: 5px;
	width:645px;
	height:120px;
	background-color:#ccc;
}


/*sameTitleFriendArea*/
#sameTitleFriendArea {
	font-size:10.5pt;
    position: absolute;
    top: 430px;
    left: 5px;
	width:230px;
	height:100px;
	background-color: #efe;
}

#sameTitleFriendTitle{
	width:228px;
}

/*goodFriendArea*/
#goodFriendArea {
	font-size:10.5pt;
    position: absolute;
    top: 430px;
    left: 250px;
	width:230px;
	height:100px;
	background-color: #fff;
}

#goodFriendTitle{
	width:228px;
}

/*goodPartnerArea*/
#goodPartnerArea {
	font-size:10.5pt;
    position: absolute;
    top: 430px;
    left: 495px;
	width:150px;
	height:100px;
	background-color: #fee;
}

#goodPartnerTitle{
	width:148px;
}

.pTitle {
    font-size: 24pt;
}

.friendBox{
	font-size:10pt;
	position: absolute;
    top: 30px;
	width:60px;
	height:70px;
}

.noFriend{
	text-align:center;
	font-size:10.5pt;
	font-weight:bolder;
	position: absolute;
    top: 40%;
    left: 10px;
	height:50px;
}

#sameTitleFriendName0{
	position: absolute;
    left: 15px;	
}

#sameTitleFriendName1{
	position: absolute;
    left: 85px;	
}
#sameTitleFriendName2{
	position: absolute;
    left: 155px;	
}

#goodFriendName0{
	position: absolute;
    left: 15px;	
}

#goodFriendName1{
	position: absolute;
    left: 85px;	
}
#goodFriendName2{
	position: absolute;
    left: 155px;	
}

#goodPartnerName0{
	position: absolute;
    left: 45px;	
}

/*pButtonArea*/
#pButtonArea{

	position: absolute;
    top: 550px;
    left: 10px;
	width:640px;;
	height:25px;
	
}

#pInviteButton {
    position: absolute;
    top: 0px;
    left: 0px;
	width:200px;
}

#pResultButton{
	position: absolute;
    top: 0px;
    left: 220px;
	width:200px;
}

#pAgainButton{
	position: absolute;
    top: 0px;
    left: 440px;
	width:200px;
}








